import React from 'react';
import BaseComponent from '@/components/BaseComponent';
import { Collapse, Input } from 'antd';

const { Panel } = Collapse;
const { TextArea } = Input;

/**
 * 数据上报教程,显示项
 */
class EndoscopicDiagnosisView extends BaseComponent {
  constructor(props) {
    super(props);
  }

  render() {
    const { datas } = this.props;

    return (
      <Collapse accordion>
        {datas &&
          datas.map((item, index) => {
            return (
              <Panel header={item.title} key={index}>
                <TextArea rows={4} value={item.content} disabled={true}></TextArea>
              </Panel>
            );
          })}
      </Collapse>
    );
  }
}

export default EndoscopicDiagnosisView;
